const wxml = (name, post) => {
	return `
	<view class="container">
		<image class="post" src='${post}'></image>
		<view class="headInfo">
			<view class="head">
				<view>
					<image class="avatar" src="https://www.jxhaha.asia/mall/avatar/1.jpeg"></image>
				</view>
				<view>
					<text class="nick">${name}</text>
				</view>
			</view>
		</view>
		<view class="bottomInfo">
			<image class="qrcode" src="https://www.jxhaha.asia/mall/test/3-icon.png"></image>
		</view>
	</view>
	`
}

const style = {
	container:{
		width: 375,
		height: 480,
		margin: 0,
		padding: 0,
		position: 'relative',
	},
	post:{
		position: 'absolute',
		width: 375,
		height: 480,
	},
	headInfo: {
		zIndex: 1,
		width: 375,
		height: 350,
		display: 'flex',
		flexDirection: 'row'
	},
	head: {
		marginLeft: 250,
		marginTop: 5,
		width: 300,
		height: 40,
		display: 'flex',
		flexDirection: 'row',
	},
	avatar: {
		width: 40,
		height: 40,
		zIndex: 1
	},
	nick: {
		width: 80,
		height: 40,
		marginLeft: 10,
		lineHeight: 40
	},
	bottomInfo: {
		zIndex: 1,
		width: 100,
		height: 100,
		marginTop: 30,
		marginLeft: 265
	},
	qrcode: {
		width: 100,
		height: 100
	}
}

module.exports = {
	wxml,
	style
}